<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<h:head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</h:head>
	<ui:composition template="templates/templateAlternativo.xhtml">
	<ui:define name="menu">
		<h2>Login</h2>
		<h:panelGrid  columns="2" >
		<h:outputText value="Email" />
		<p:inputText></p:inputText>
		
		<h:outputText value="Senha" />
		<p:inputText ></p:inputText>
		</h:panelGrid>
		<br/>
		<p:commandButton value="Entrar"/>
		
		<h2>Cadastro</h2>
		<h:panelGrid columns="2" >
		<h:outputText value="Nome" />
		<p:inputText></p:inputText>
		
		<h:outputText value="Email" />
		<p:inputText ></p:inputText>
		
		<h:outputText value="Senha" />
		<p:inputText ></p:inputText>
		</h:panelGrid>
		<br/>
		<p:commandButton value="Cadastrar" />
	</ui:define>
	
	<ui:define name="conteudo">
		<h1>SOBRE</h1>
		<p><a href="#" onclick="$( '#p1' ).toggle(1000)">clique aqui</a></p>
		
		<p id="p1"  style="display: none; font-size: 20px" >
		O Connect UFC é uma rede social que busca conectar os alunos
		da Universidade Federal do Ceará campus Quixadá, com o simples 
		objetivo de faciliar a comunicação e sua vida acadêmica. O sistema 
		inicialmente foi criado visando alunos de tecnologia, com funções 
		bastante especificas da área. Esperamos que você aproveite e nos ajude 
		a melhorá-lo. Enjoy! 
		</p>
	</ui:define>
	</ui:composition>
</html>